<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>SSE Demo</title>
</head>
<script src="../js/jquery.min.js"></script>
<body>

<div id="msgFromPlush"></div>

</body>
<script>
  /** 方式1： */
  // if (!!window.EventSource) {
  //   var source = new EventSource("../push");
  //   s = '';
  //   source.addEventListener('message', function (e) {
  //     s += e.data + "<br/>";
  //     $("#msgFromPlush").html(s);
  //   });
  //
  //   /** open. */
  //   source.addEventListener('open', function (e) {
  //     console.log("连接打开...");
  //   }, false);
  //
  //   /** error. */
  //   source.addEventListener('error', function (e) {
  //     if (e.readyState == EventSource.CLOSE) {
  //       console.log("连接关闭...")
  //     } else {
  //       console.log(e.readyState);
  //     }
  //   }, false);
  // } else {
  //   console.log("浏览器不支持SSE.")
  // }

  /** 方式2： */
  deferred();
  function deferred() {
    $.get("../defer", function (data) {
      console.log(data)
      deferred();
    })
  }
</script>
</html>